<template>
  <div class="tab-item">
    <span>{{ name }}</span>
  </div>
</template>
<script>
export default {
  name: 'tab',
  props: ['name']
}
</script>
<style lang="less" scoped>
  .tab-item {
    width: 85px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background:rgba(241,243,253,1);
    border-radius:2px;
    border:1px solid rgba(241,243,253,1);
    font-size:14px;
    color:rgba(75,126,254,1);
    text-align: center;
  }
</style>